حالا برای شیرجه رفتن،
من می خواهم با چند صفحه در اینجا شروع کنم.
و برای امسال، ترمینال خود را نیز باز کردم.
اول از همه، ما باید تمام وابستگی ها را نصب کنیم
با نصب npm و سپس می توانیم از npm run dev استفاده کنیم.
و سپس سرور توسعه را راه اندازی می کنیم،
اما البته در حال حاضر هیچ صفحه ای ندارم.
و از این رو باید چند صفحه اضافه کنیم.
و برای این برنامه آزمایشی برای این پروژه
که ما اینجا می سازیم، به سه صفحه نیاز داریم.
یک صفحه شروع که فهرستی از تمام ملاقات ها را نشان می دهد.
سپس صفحه ملاقات جدید،
که به ما امکان می دهد یک Meetup جدید اضافه کنیم.
و سپس صفحه جزئیات ملاقات
که به ما امکان می دهد جزئیات یک جلسه انتخابی را نشان دهیم.
و از این رو اینجا در پوشه pages،
من با صفحه شروع با index.js شروع می کنم
مستقیماً در پوشه pages،
زیرا فهمیدید که ایندکس این نام فایل خاص است
که فقط برای هیچ چیز اسلش بارگذاری می شود
در زیر پوشه داده شده
و در اینجا ما اصلاً در یک پوشه فرعی نیستیم،
بنابراین index.js برای our-domain.com بارگذاری نمی‌شود.
اما پس از آن صفحات بیشتری دریافت کردیم.
به عنوان مثال، صفحه ای برای افزودن یک جلسه جدید.
و از این رو می توانیم یک فایل meetup.js جدید اضافه کنیم
که سپس برای Meetup جدید اسلش دامنه ما بارگذاری می شود.
و شما در آخرین دقایق یاد گرفتید
که ما در اینجا یک جایگزین نیز داریم.
ما همچنین می توانیم یک پوشه meetup جدید ایجاد کنیم
به جای فایل، فایل را به آنجا منتقل کنید،
و سپس نام آن را به index.js تغییر دهید.
و سپس دقیقاً به همان روش بارگذاری می شود.
این به شما بستگی دارد که کدام رویکرد را ترجیح می دهید،
اگر به مسیرهای تودرتو نیاز دارید، به آن رویکرد زیر پوشه نیاز دارید،
اما ما هیچ مسیر تودرتو در اینجا نخواهیم داشت،
بنابراین در این مورد، واقعاً به شما بستگی دارد.
و من در اینجا به سراغ این رویکرد زیرپوشه خواهم رفت.
اما باز هم انتخاب شماست.
و سپس ما به این صفحه جزئیات نیز نیاز داریم
اگر روی یک Meetup خاص کلیک شد، آن را بارگذاری می کنیم،
و ما می خواهیم جزئیات آن ملاقات را مشاهده کنیم.
و برای این به یک صفحه پویا نیاز داریم
زیرا مطمئناً ما چندین ملاقات خواهیم داشت
با شناسه های مختلف و DID باید بخشی از URL باشد،
و سپس وقتی صفحه را بارگذاری می کنیم می خواهیم از آن شناسه استفاده کنیم
برای واکشی و نمایش داده های مناسب.
و همچنین یاد گرفتیم که چگونه این کار کرد.
ما می توانیم یک صفحه پویا با براکت مربع ایجاد کنیم
و سپس نقطه JS،
و سپس به سادگی از هر نام شناسه دلخواه خود استفاده کنیم
بین پرانتزهای مربع
مثلا Meetup ID.
و در اینجا می توانیم از رویکرد زیر پوشه نیز استفاده کنیم.
همچنین برای صفحات پویا در دسترس است.
همچنین می‌توانیم یک پوشه به نام meetup ID ایجاد کنیم
بین پرانتز،
و آن فایل را به آنجا منتقل کنید و سپس آن را index.js کنید.
و این نیز کار می کند.
این چیزی است که قبلاً ندیده بودیم،
و به همین دلیل است که آن را در اینجا به شما نشان می دهم
زیرا همیشه آگاهی از واقعیت مهم است
که شما همچنین می توانید نام پوشه های پویا را در اینجا داشته باشید،
و سپس در صورت نیاز صفحات تودرتو پویا ایجاد کنید.
یا، مانند این مورد، یک صفحه پویا واحد.
و عرضی که ساختار صفحه مورد نظرمان را بدست آوردیم
با اون سه صفحه
و از این رو اکنون می توانیم کار بر روی آن صفحات را آغاز کنیم.
ما می توانیم آن اجزا را با مقداری زنده پر کنیم،
و سپس گام به گام در واکشی داده ها
و یاد بگیرید که NextJS چگونه به ما در این زمینه کمک می کند.